<template>
  <div class="login">
    <div>{{ counterStore.count }}</div>
    {{ counterStore.doubleCount }}
    <el-button @click="() => changeState()">21212</el-button>
  </div>
</template>
<script setup lang="ts">
// 首先需要引入一下我们刚刚创建的store
import useCounter from "../../store/modules/counter";
// 因为是个方法，所以我们得调用一下
const counterStore = useCounter();
function changeState() {
  counterStore.increment();
}
</script>
<style lang="scss">
$color: #0c0;
.login {
  width: 100px;
  height: 100px;
  background: $color;
}
</style>
